<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/jsp/ningbo/common.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta name="format-detection" content="address=no;">
    <title>新闻细览</title>
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/jsp/ningbo/css/news.css">

</head>
<body>
<div class="newscont">
	<div class="newsxltit">
    	<h1>${newsDetail.doctitle}</h1>
        <span>${fn:substringBefore(newsDetail.docreltime,".")}</span>
    </div>
    <div class="newsxltext">
    	<p>${newsDetail.doccontent}</p>
	    <c:if test="${not empty newsDetail.imagelist}">
			<c:forEach var="images" items="${newsDetail.imagelist}">
				<div class="txtmid">
	        	<p onclick="previewImageShow('${images}')"><img src="${images}"></p>
	       		 </div>
			</c:forEach>
			<input type="hidden" id="imageUrlId" value="${newsDetail.imagelist[0]}" />
			<input type="hidden" id="previewListStr" value="${previewListStr}" />
		</c:if>
	</div>
    <div>
    	<p><c:if test="${not empty newsDetail.appfile}">
    		<a class="font16_blue" href="${newsDetail.appfile}">附件下载 <img src="<%=request.getContextPath()%>/jsp/ningbo/images/arrow_go.png"></a>
    	</c:if>    	
    	</p>
    </div>
</div>


<div class="txtmid">
	<h5 style="font:normal 14px 'Microsoft Yahei';color:#666;padding-bottom:10px;">查看更多信息，请扫描下方二维码<br/>关注宁波人社公众号</h5>
   	<p onclick="previewImageShow('http://app.nbhrss.gov.cn/nbrs_web_weixin/jsp/ningbo/images/code_sao.jpg')">
   	  <img src="http://app.nbhrss.gov.cn/nbrs_web_weixin/jsp/ningbo/images/code_sao.jpg" width="200" height="200">
   	</p>
</div>
<input type="hidden" id="wx_appId" value="${wx_appId}" />
<input type="hidden" id="wx_timestamp" value="${wx_timestamp}" />
<input type="hidden" id="wx_nonceStr" value="${wx_nonceStr}" />
<input type="hidden" id="wx_signature" value="${wx_signature}" />
<input type="hidden" id="wx_url" value="${wx_url}" />
<input type="hidden" id="doctitleId" value="${newsDetail.doctitle}" />

</body>
	<script type="text/javascript" src="<%=request.getContextPath()%>/jsp/ningbo/js/jquery-1.8.2.js"></script>
	<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
	<script type="text/javascript">
	var wx_appId = $("#wx_appId").val();
	var wx_timestamp = $("#wx_timestamp").val();
	var wx_nonceStr = $("#wx_nonceStr").val();
	var wx_signature = $("#wx_signature").val();
	

	
	wx.config({
	    debug: false, 
	    appId: wx_appId, 
	    timestamp: wx_timestamp,
	    nonceStr: wx_nonceStr, 
	    signature: wx_signature,
	    jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 
	                'onMenuShareQQ', 'onMenuShareWeibo',
	                'onMenuShareQZone','previewImage'] 
	});

	wx.ready(function(){
		var title = $("#doctitleId").val();
		var wx_url = $("#wx_url").val();
		var imageUrl = $("#imageUrlId").val();
		
		//分享到朋友圈
		wx.onMenuShareTimeline({
		    title: title, // 分享标题
		    link: wx_url, // 分享链接
		    imgUrl: imageUrl, // 分享图标
		    success: function () { 
		        // 用户确认分享后执行的回调函数
		    },
		    cancel: function () { 
		        // 用户取消分享后执行的回调函数
		    }
		});
		//分享给朋友
		wx.onMenuShareAppMessage({
		    title: title, // 分享标题
		    desc: title, // 分享描述
		    link: wx_url, // 分享链接
		    imgUrl: imageUrl, // 分享图标
		    type: '', // 分享类型,music、video或link，不填默认为link
		    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
		    success: function () { 
		        
		    },
		    cancel: function () { 
		    }
		});
		//分享到QQ
		wx.onMenuShareQQ({
		    title: title, // 分享标题
		    desc: title, // 分享描述
		    link: wx_url, // 分享链接
		    imgUrl: imageUrl, // 分享图标
		    success: function () { 
		       // 用户确认分享后执行的回调函数
		    },
		    cancel: function () { 
		       // 用户取消分享后执行的回调函数
		    }
		});
		//分享到腾讯weibo
		wx.onMenuShareWeibo({
		  	title: title, // 分享标题
		    desc: title, // 分享描述
		    link: wx_url, // 分享链接
		    imgUrl: imageUrl, // 分享图标
		    success: function () { 
		       // 用户确认分享后执行的回调函数
		    },
		    cancel: function () { 
		        // 用户取消分享后执行的回调函数
		    }
		});
		//分享到qq空间
		wx.onMenuShareQZone({
			title: title, // 分享标题
		    desc: title, // 分享描述
		    link: wx_url, // 分享链接
		    imgUrl: imageUrl, // 分享图标
		    success: function () { 
		       // 用户确认分享后执行的回调函数
		    },
		    cancel: function () { 
		        // 用户取消分享后执行的回调函数
		    }
		});
	});
	
	
	function previewImageShow(thisUrl){
		var previewListStr = $("#previewListStr").val();
		var imageArray = [];
		if(previewListStr){
			if(previewListStr.length>10){
				var imageArrayInfo = previewListStr.split(",");
				for (var i=0 ; i< imageArrayInfo.length ; i++)
				{
					imageArray.push(imageArrayInfo[i]);
				}
			}
		}
		imageArray.push("http://app.nbhrss.gov.cn/nbrs_web_weixin/jsp/ningbo/images/code_sao.jpg");
		wx.previewImage({
		    current: thisUrl, // 当前显示图片的http链接
		    urls: imageArray // 需要预览的图片http链接列表
		});
	}
	
	</script>
</html>